* {
  /* 把我们的内外边距清空 */
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* 所有的文字不倾斜 */
em,
i {
  font-style: normal;
}
/* 去掉list的小圆点 */
li {
  list-style: none;
}
img {
  /* 照顾低版本的外框 */
  border: 0;
  /* 消除图片底部的间隙 */
  vertical-align: middle;
}
button {
  /* 鼠标停留指针显示 */
  cursor: pointer;
}
a {
  color: #666;
  /* 清楚文字的下划线 */
  text-decoration: none;
}
/* 鼠标经过文字变成红色 */
a:hover {
  color: #524d80;
}
button,
input {
  font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
}
body {
  /* css3消除锯齿 让文字显示的更加清晰 */
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
  font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
  color: #666;
}
.hide,
.none {
  display: none;
}
.clearfix:after {
  visibility: hidden;
  clear: both;
  display: block;
  content: ".";
  height: 0;
}
.clearfix {
  *zoom: 1;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
html,
body {
  position: relative;
  height: 100%;
}
body {
  background: #eee;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
}
#gallery.swiper {
  width: 800px;
  height: 100%;
  background-color: #000000;
  border-radius: 10px;
}
#gallery.swiper .swiper-slide {
  cursor: pointer;
  text-align: center;
  font-size: 18px;
  background: rgba(0, 0, 0, 0);
  display: flex;
  justify-content: center;
  align-items: center;
}
#gallery.swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#thumbs.swiper {
  width: 800px;
  height: 80px;
  margin: 10px auto 0;
}
#thumbs.swiper .swiper-slide {
  cursor: pointer;
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  overflow: hidden;
}
#thumbs.swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper.init-swiper {
  position: relative;
  top: 54px;
  width: 100%;
  height: 100%;
  min-height: 800px;
  overflow: hidden;
}
.swiper.init-swiper .init-slide {
  background: url(../images/yyr-bg_d8f83ff5.webp) no-repeat center center !important;
  background-size: 100%;
  text-align: center;
  font-size: 18px;
  background: #fff;
  overflow: hidden;
}
.swiper.init-swiper .init-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper.init-swiper .init-slide .banxin {
  width: 1100px !important;
  margin: 0 auto !important;
  position: relative;
  height: 100%;
  overflow: hidden;
  transform: scale(0.9);
}
#yyr-mouse.mouse {
  width: 143px;
  height: 67px;
  position: fixed;
  z-index: 11;
  left: 50%;
  margin-left: -72px;
  bottom: 50px;
  background: url(../images/yyr-mouse_huangse.png) no-repeat;
  animation: mouse 0.6s linear infinite alternate;
}
#yyr-mouse.mouse.num1 {
  background: url(../images/yyr-mouse_huangse.png) no-repeat;
}
#yyr-mouse.mouse.num2 {
  background: url(../images/yyr-mouse_lanse.png) no-repeat;
}
#swiper-pagination {
  position: absolute;
  z-index: 11;
  bottom: 200px;
  left: 50%;
  margin-left: 500px;
}
#swiper-pagination .num {
  width: 75px;
  height: 37px;
  margin-bottom: 20px;
  position: relative;
}
#swiper-pagination .num.index1 {
  background: url(../images/yyr-index1_2a11500f.webp) no-repeat;
}
#swiper-pagination .num.index2 {
  background: url(../images/yyr-index2_6199ed8e.webp) no-repeat;
}
#swiper-pagination .num.index3 {
  background: url(../images/yyr-index3_558bda0c.webp) no-repeat;
}
#swiper-pagination .num.index4 {
  background: url(../images/yyr-index4_6b4a169b.webp) no-repeat;
}
#swiper-pagination .swiper-pagination {
  position: relative;
  right: 0;
  top: 0;
  transform: none;
}
#swiper-pagination .swiper-pagination-bullet {
  display: block;
  width: 100px !important;
  height: 40px !important;
  position: relative;
  background-color: rgba(0, 0, 0, 0);
  color: #524d80;
  opacity: 0.2;
}
#swiper-pagination .swiper-pagination-bullet-active {
  color: #524d80;
  opacity: 1;
}
#swiper-pagination .swiper-pagination-bullet:first-child {
  display: none;
}
#swiper-pagination .swiper-pagination:before {
  content: '';
  width: 1px;
  height: 150px;
  position: absolute;
  left: 0px;
  top: 12px;
}
#swiper-pagination .swiper-pagination-bullet:before {
  background: #d0d3f7;
}
#swiper-pagination .swiper-pagination-bullet:before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  background: #d0d3f7;
  left: -2px;
  top: 10px;
}
#side-menu {
  position: absolute;
  z-index: 1;
  top: 54px;
  left: 0px;
  height: calc(100%);
  min-height: 800px;
  width: 250px;
}
#footer {
  position: fixed;
  right: 0px;
  bottom: 0px;
  color: #72aade;
  pointer-events: all;
  text-decoration: none;
  z-index: 102;
  display: none;
}
#topBar-main {
  position: absolute;
  z-index: 12;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 54px;
  background-color: #c9233e;
  overflow: hidden;
}
@-webkit-keyframes mouse {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes mouse {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@-webkit-keyframes mouse {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes mouse {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
